1. -1
    1. text/markdown

      an anti-social framing of ~~technical~~ disability

      this talk explores what happens when we stop treating accessibility as a purely technical concern; how data visualizations and other technical communications could consider what is seen, what is hidden, and who is invited into the work, as modern art does.

      this perspective offers a way to understand accessibility not as an afterthought or a checklist, but as a creative and relational practice.

      through this lens, the talk invites folks to experiment with art and reproduction as a method for rethinking technical practice. making art, even imperfectly, cultivates questions that could be used to bring accessibility earlier into the process:

      • what/who am i including and excluding?
      • how do i make the implicit explicit?
      • what senses are used to portray this narrative?
  2. -1
    1. text/markdown

      about the talk

      anti-social
      a dissonance with the rules and environments we're social in

      marshall mchluhan's the medium is the massage

      the poet, the artist, the sleuth - whoever sharpens our perception tends to be antisocial; rarely "well-adjusted," they cannot go along with currents and trends. A strange bond often exists among anti-social types in their power to see environments as they really are. This need to interface, to confront environments with a certain antisocial power, is manifest in the famous story, "the emperor's new clothes." "well-adjusted" courtiers, having vested interests, save the emperor as beautifully appointed. the "antisocial" brat, unaccustomed to the old environments, clearly saw that the emperor "ain't got nothing on." the new environment was clearly visible to them.
      this talk was developed on an island, and it takes effort to leave its pastoral silence.
      accessibility
      the technical parts of disability, physical and digital
  3. -1
    1. text/markdown

      Link

  4. -1
    1. text/markdown

      overview

      i appreciate the opportunity to discuss art with you at the aptly named CREATE seminar series. today, we'll look through modern, post-modern, and contemporary art technologies as means to making difficult concepts accessible.

      i'm going to show a lot in a short time; this talk is chock full of links and content you can revisit later.

      it makes me happy to leave the island to be here, to share my passions art and science:

      1. i get to revisit so many beautiful things, appreciate where i've been, and find new meaning in works.
      2. presentations challenge my accessibility practice.
      3. i get to encourage folks to appreciate, make, and open themselves up to art.
      4. i've saved enough spoons to be here.

      outcomes

      i hope when this talk is over you find yourself wanting to make or learn something.

  5. -1
    1. text/markdown

      getting trapped inside a work

      2 image.png

      i often think of alexander calder making his moving sculptures and his unique perspective embedded inside the work. sometimes, this feeling hits me the strongest when i am working with data zooming in and out of it.

      overall i like thinking about and viewing art. to the right i'm at the LACMA maintaining a safe distance from alexander calder's little face, but flirting dangerously with acceptable art viewing of max ernst's entire city while seemingly ignore magritte's treachery of images. my first time through i missed the calder.

  6. -1
    1. text/markdown

      the treachery of images

      magritte was treading in ambiguity, too, and he had a different technique to disrupt the hierarchy and order of figures and texts. his primary media was painting, and eventually sculpture, and these media proved effective at clarifying ambiguity.

  7. -1
    1. text/markdown

      the ambiguity of language is the constant battle

      2

      in the early 20th century ferdindand de saussure and charles pierce began semiotics theories that study signs. in these theories they discovered interfaces that complicate representation:

      1. there is ambiguity between the signifier and signified.
      2. the position of the viewer matters

      this is a major problem for technical and scientific enterprises where language is its entirety, and modern art continually finds ways to resolve these ambiguities.

      for accessibility, language can be a poor technology for communicating the lived experiences of disabled people and assistive technology users. this is where we look to other media to find clarity in the ambiguities.

  8. -1
    1. text/markdown

      this is not a pipe

      ... is foucault's analysis of magritte's work, specifically, he is trying to locate the text in the work. and, spoiler alert: you can't smoke a painting.

      there are two chapters relevent to the intersections of art, data, and accessibility.

      1. klee, kandinsky, and magritte
      2. the unraveled calligram

      klee, kandinsky, and magritte

      2 paul klee's red green and violet yellow rhythms wassily kandinsky's sky blue

      foucault in this is not a pipe

      And yet Magritte' s art is not foreign to the enterprise of Klee and Kandinsky. Rather it constitutes, facing them and on the basis of a system common to them all, a figure at once opposed and complementary.

      foucault compares the efforts of magritte to that of klee and kandinsky. klee's dots that went for a walk eventually move like text, and the kandisky's synesthetic writings and education on the color harmony of points, lines and planes. all of their impacts are textual, and digital accessibility is a textual problem.

  9. -1
    1. text/markdown

      margaret lieteritz abstract data visualizations

      margarent lieteritz is where we locate data as pure form.

      2

      Many of her works were strongly influenced by chemical engineering, and especially the field’s graphs which depicted physical properties of substances. Leiteritz’s paintings typically reworked a mundane graph using large expanses of colour and a bold abstract theme, changing it into a dynamic painting. Other works are reminiscent of Bunsen burner flame or DNA gel.

      Then she devoted herself to diagrams of how they encountered her in her work. She artistically converted the technical drawings into oil. She designed with colors, with backgrounds, with details.

      she was interested in chemical engineering and fully involved with her data. she generated her data, typeset her data, and painted her data.

      through this intimate experience with different modes of representations we can imagine that margaret felt her work more. she engaged more of her senses then we may now. these are practices we should be able to recover if coding systems help us make the productivity gains they promise.

  10. -1
    1. text/markdown

      technical modern art books

      a page from paul klee's notebook

      modern art is technical movement.

      2

      2

      margaret's works are standalone works of art. however, it is important to look to history to find that she studied with klee, kandinsky, and albers as a student at the bauhaus school. she was being taught at the same time that defining modern art texts were being written. in her works we can see when decades of modern art practice brings. some of these important texts are:

      • paul klee's pedagogical sketchbook

      • wassily kandinsky's point line and plane

      • josef alber's interactions of color

      • jan tischold's the new typography

        recently, i encountered multiple accessibility posts on table accessibility that reference the new typography. these technologies are still relevent

  11. -1
    1. text/markdown

      the unravelled calligram

      another important chapter in this is not a pipe discusses calligrams.

      3 shiite calligraphy symbolising ali as tiger of god calligram by appollinaire

      in calligraphy, calligrams are often words forming shapes.

      in foucault's analysis, calligrams are irreducible units of type and form, think labels and axes, or <label> and <input> elements. they perform three functions:

      1. augment the alphabet.
      2. repeat something without the aid of rhetoric.
      3. trap things into a double cipher.
      Thus the calligram aspires playfully to efface the oldest oppositions of our alphabetical civilization: to show and to name; to shape and to say; to reproduce and to articulate; to imitate and to signify; to look and to read.
  12. -1
    1. text/markdown

      data typography

      image.png

      data visualization is a typography exercise for folks like [ellen lupton] or [edward tufte] that operate with same the principles as calligrams. we can interrogate meaning between the type and form.

      visualization principles are lossy

      when we represent data in pure form we have a tendency to lose essential aspects of the work. the act of visualization creates inaccessibilities.

      data frame

      text is a band aid of inaccessibility

      ellen luption data visualization is a typography problem placing irreducible units of type and form.

  13. -1
    1. text/markdown

      surrealism

      surrealism got nixed from the talk. apologies management.

  14. -1
    1. text/markdown

      modern art in america

      rising facism changed the site of art influence. many, europeans travelled to the united states. black mountain college was a major site of american cultural production.

      In 1933 the Bauhaus closed due to pressure by the Nazi party, and Josef and Anni Albers were invited to teach at Black Mountain College. At Black Mountain, Albers led the innovative visual arts program until 1949. His courses emphasized experimentation with materials and color by doing simple exercises repeatedly and requiring students to rethink the ways they saw the world.

      black mountain college history

      at every turn, modern artists experimenting with emerging technologies.

  15. -1
    1. text/markdown

      woven histories

      in 1965, Anni Albers wrote Threads were among the earliest transmitters of meaning.

      2

      Woven Histories: Textiles and Modern Abstraction is a modern art exhibit with several black mountain college residents (eg anni albers, ruth asawa). this exhibit shows how textiles touch us all and connect us to history.

      2

      it is here that we find another confluence and computing. first we observe marilou schultz's (Navajo/Diné), replica of a chip reminding us that textiles and algorithmic practices connect with ada lovelace and the origins of computing history.

      does this relate to a calligraphy? let me weave you a story.

      the word “text” originated from the Latin word “textus,” which means “a weaving” or “a fabric.”

      letterform archive: threading letters

  16. -1
    1. text/markdown

      the museum of modern art

      the museum of modern art is a museum and brand that frames enormous wealth. it is an intersectional space for the concerns of art, data, and access; some of them are relevent to our technical accessibility and data interests.

      2 image.png image.png

      when i visited in the summer of 2025 i finally saw rebecca allen's girl lifts skirt, and could feel

      apropos of nothing, it just above [carna folding wheelchair]. however, is there nothing to reference or did the curator decide there was!

      in fact, the moma holds works from at least five artists from ACM SIGGRAPH's retrospective on digital female art pioneers.

  17. -1
    1. text/markdown

      dear data

  18. -1
    1. text/markdown

      other relevent data works include giorgia ... and stefanie's dear data communications. image.png

      the post card as a format.

  19. -1
    1. text/markdown

      never alone

      2

      never alone refers to two things:

      1. a moma exhibition on video games and interactive design
      2. a video game created in collaboration with iñupiat alaska natives to share their storied histories

      now video games are a relevent art and we can pull from their history to make accessible things. i find that that video game accessibility guidelines inform my decisions when web content accessibility guidelines are unclear.

  20. -1
    1. text/markdown

      post-modernism and the death of the author in a connected world

      technology was disruptive to the 1960s. it where we find the death of the author, ted nelson's hypertext/hypermedia, doug englebart's the mother of all demos, and post-modernism.

      anti-authoritarian by nature, postmodernism refused to recognise the authority of any single style or definition of what art should be. It collapsed the distinction between high culture and mass or popular culture, between art and everyday life. https://www.tate.org.uk/art/art-terms/p/postmodernism

      who makes the meaning? barthes contends that "to give a text an author" and assign a single, corresponding interpretation to it "is to impose a limit on that text." this asks the author to consider the position of the reader relative to the work, and allows us to think how we can orient a text nearer to our viewers.

  21. -1
    1. text/markdown

      deconstructed frames

      post-modernism ruptured conventional frames of meaning of the author and artist. two places where we see advances in frame theory are:

      1. marvin minsky's "frame work for knowledge" promoted frames as a technique for artificial intelligence.

        A frame is a data-structure for representing a stereotyped situation, like being in a certain kind of living room, or going to a child's birthday party.
        Winograd (1974) discusses the recent trend, in theories of Artificial Intelligence, toward frame-like ideas.
      2. jacques derrida deconstruction of kant's aesthetics parergon work around the work

        parergon also means the exceptional, the strange, the extra-ordinary

        image.png

        this pull quote referenced in ellen lupton's elements of typography demonstrates derrida's radical deconstructions.
        the frame... disappears, buries itself, effaces itself, melts away at the moment it deploys its greatest energy. the frame is in no way a background... but neither is its thickness as margin a figure. or at least it is a figure that comes away of its own accord. jacques derrida, 1987

        for derrida, the frame represents part of the work, it represents the work around the work, the omissions, the context.

      the function of the work of art-any work of art-is to conceal the multiple frames within which it is contained

      craig owens: beyond representation

  22. -1
    1. text/markdown

      the disintegrating frame

      we're talking about the works framed by museums, but what is outside the frame?

      image.png

      the shock of recognition! in an electric information environment, minority groups can no longer be contained- ignored. too many people know too much about each other. our new environment compels commitment and participation. we have become irrevocably involved wit, and repsonsible for, each other.
  23. -1
    1. text/markdown

      the benefits of wearing a mask

      2 image.png

      the guerrilla girls are an anonymous, international collective has that been making the nonvisible visible for years. moreover, they are a statistics project elevating the un and under represented artists.

      you can't believe what comes out of your mouth when you wear a gorilla mask
      frida khalo of the guerrilla girls

      the guerrilla girls gorilla masks disrupt the frame and regain power with the right mask.

  24. -1
    1. text/markdown

      some selected guerilla girls works

      these two works are chosen demonstrate how we can think about creating accessible representations of the information in modern and activist art.

      moma loves dada not mama
      1. chief curator at MoMA PS1 makes, then withdraws, job offer to a woman after she has a baby.
      2. woman files complaint, wins, and MoMA PS1 is forced to change its policies.
      3. the upshot: she's unemployed, but whne chief curator became a dad he got parental leave!
      a message from the guerrilla girls

      MoMA PS1 Settles With Curator Who Said Giving Birth Cost Her Job Offer

      how many women had one-person exhibitions at nyc museums last year?
      guggenheim 0
      metropolitan0
      modern1
      whitney0
  25. -1
    1. text/markdown

      progress at the whitney

      3

      while in new york i was so happy to see christine sun kim's whitney exhibition "all day, all night" and amy sherald's "american sublime" at the whitney art museum. every floor was amazing.

      all these histories feel deeply intertwined. remember that the guerrilla girls made the lack of women visible, the whitney showed zero women artists, and now we can find we find two woman of color showing simultaneously at the whitney. progress!

      christine sun kim "all day, all night"

      we are privileged to experience christine sun kim's art. her position as a profoundly deaf audience gives us a glimpse into accessibility first art and exhibition. despite a lack of hearing, her exhibition is full of sound, the musicality jumps along the walls and in between frames.

      2

      her framed visualizations use simple materials to communicate difficult information.

      for example, several rooms included tactiles and braille:

      3 image.png image.png

  26. -1
    1. text/markdown

      ghosted @ UW

      christine sun kim might be familiar to y'all from her [ghosted] installation outside the university of washington's at Henry Hall with an imagine of the christine sun kim's exhibition book in the foreground.

      image.png

  27. -1
    1. text/markdown

      parergon the work around the work

      parergon also means the exceptional, the strange, the extra-ordinary

      walking the frame's philosophical razor's edge let's us consider aesthetics without judgement. one on side is pure outside with the percievable on the other. it is when we teeter along the frame we can find the work around the work, the parergon.

      along the frame we can work towards meeting people (the artist) where they are within their materials in their time and space. it is here in a museum we can think of who is afforded access to these works, or not. multiple frames start to reveal themselves in a very familiar way to the multiple frames in minsky's theories.

  28. -1
    1. text/markdown

      on ~~reproduction~~ replication

      In principle a work of art has always been reproducible.

      walter benjamin - The Work of Art in the Age of Mechanical Reproduction

      reproduction, or replication, allows us to stand on the frame, to do practice the work, and during the process we find time complete sensory engagement.

  29. -1
    1. text/markdown

      sturtevant

      art history is full of artists reproducing prior works (eg manet), not unlike the practice of homework or remaking data visualizations to understand the medium.

      sturtevant is a unique modern conceptual artist with a restrospective at the MOMA called double trouble.

      sturtevant's works look familiar, but they are not copies. they just look that way... they are studies of the work.

      sturtevant mastered each medium to create full ranges of works, and documented the process in many media as it took shape.

      sturtevant's art was all about the work, the process, and the medium. all with an overarching question what if a woman authored the work? as all the works she reproduced were men.

      2 image.png

  30. -1
    1. text/markdown

      making accessible technology using modern art techniques.

      i'm encouraging y'all to get into the work. spend time making something to activate your available senses. heightening these awarenesses helps create more perceivable content, more accessible experiences.

      modern art equals i could do that plus yea, but you didn't

      we've demonstrated how modern art techniques can offer insight and engagement with a work. we have access to all of art history, hell most of it is crammed in the browser, this places us at a unique time to make meaningful material and non-materials works.

  31. -1
    1. text/markdown

      practicing designing accessible content

      hopefully, at this point, we've understood that some paintings are meant to be read and some are meant to be written. we can begin to look at visualizations with soft eyes throught the work, we can go beyond reading visualization to viewing to making.

      • a truly assistive unit takes time, work, and practice.
      • digital accessibility is an exercise in text. make sure that the implicit is explicit in accessible contexts.
      • build from html basics. html is the most assistive standard for developers building accessible web content. using html semantics properly will get us closer the accessible solutions than going the javascript route.
      • learn what you can and cannot do with css.
      • learn your screen reader. you have at least one.
      • learn aria techniques to modify how visual information sounds while considering aria rules
      • let evil rot
      • consider how to make the work percievable visually, audibly, and tactilely.
      • consider how to make the work operable with keyboard, with touch, with screen reader, with game control.
      • think about how an object would be made in different materials and methods.
      • overall, the most costly aspect of designing for accessibility is leaving it to the end.
      • set up open broadcaster software to start streaming or recording videos.
  32. -1
    1. text/markdown

      exercises

      all of this is about practicing html. we'll make our pdf from the html. javascript just changes the html, it changes what the document sounds like.

      • make a self portrait or make a portrait of this
      • practice css by finding interesting type settings examples.
      • make a site, make a notebook, make a zine, make a comic, make a video
      • recreate palletes from iteractions of color

      palettes from josef alber's interactions of color

  33. -1
    1. text/markdown

      some of my practices

  34. -1
    1. text/markdown

      tangle and weave

      sometimes i stream on youtube as tangle and weave.

      • practice ability - a talk on a applying data visualization accessibility guidelines
  35. 104
    1. text/html

      reproductions

      reproduction duchamp videos

      reproducing two blank canvases
  36. -1
    1. text/markdown
      bauhaus optical illusions

      image.png

  37. -1
    1. text/markdown

      how could i make my calligraphy more of a digital experience?

      there are points where alt text doesn't suffice anymore. when there are layers we need more information. these complex scenarios take practice.

      image.png

      how can we make data experiences more tactile, like tactile maps?

      IMG_2829.jpeg

  38. -1
    1. text/markdown

      what if we started thinking of visualization through glass? how does external light interact with the glass? what could shadows acheive in data representation?

  39. -1
    1. text/markdown
      a salvadore dali glass diorama from the MOMA

      IMG_2564.jpeg

  40. -1
    1. text/markdown

      exercises in css

  41. -1
    1. text/markdown

      aligning decimals with pure css

  42. -1
    1. text/markdown

      blur image.png

      a vulgar word cloud

      nonvisual data frames and heat maps

      image.png

      dr dilettante

  43. -1
    1. text/markdown

      image.png

      multiple embeddings of diagram from a table

  44. -1
    1. text/markdown

      that one time i made plots of video points

      2

  45. -1
    1. text/markdown

      marginalia

  46. 105
    1. text/html
      text/plain
      '.no-pres {\n    display: none;\n}\nspan.c::after {\n    content: ";";\n}\n/** the presentation version shows marked blockquotes **/\nblockquote > :not(mark) {\n    display: none;\n}\n:is(img[alt="2"], img[alt="4"]) {\n    display: none;\n    & + img {\n        &, & + img, & + img + img + img {\n            max-width: 40%;\n        }\n    }\n}\n:is(img[alt="3"], img[alt="6"]) {\n    & + img {\n        &, & + img, & + img, & + img  + img {\n            max-width: 30%;\n        }\n    }\n}\nimg {\n    max-height: 600px;\n}\nimg[src$=".svg.png"] {\n    background: white;\n}\nimg[alt=blur] + img {\n    filter: blur(.25rem);\n\n}\n\n'
    2. text/html

      presentation styling

      .no-pres {
          display: none;
      }
      span.c::after {
          content: ";";
      }
      /** the presentation version shows marked blockquotes **/
      blockquote > :not(mark) {
          display: none;
      }
      :is(img[alt="2"], img[alt="4"]) {
          display: none;
          & + img {
              &, & + img, & + img + img + img {
                  max-width: 40%;
              }
          }
      }
      :is(img[alt="3"], img[alt="6"]) {
          & + img {
              &, & + img, & + img, & + img  + img {
                  max-width: 30%;
              }
          }
      }
      img {
          max-height: 600px;
      }
      img[src$=".svg.png"] {
          background: white;
      }
      img[alt=blur] + img {
          filter: blur(.25rem);
          
      }
      </style>
      
  47. 91
    1. stdout
      ['\x1b[2Kwrote /Users/tonyfast/antisocial/index.html \n']
    2. text/html

      building the presentation

      input = "index.ipynb"
      if 10:
          !pixi run -m pixi.toml python -m nbref.convert $input
  48. -1
    1. text/markdown

      the triumph and failure of surrealism

      man ray's the enigma of isidore ducasse is a sew machine wrapped in blanket making a nod to one of the earlist surrealist sentiments as beautiful as the chance encounter of a sewing machine and an umbrella on an operating table

      Surrealism aims to revolutionise human experience. It balances a rational vision of life with one that asserts the power of the unconscious and dreams. The movement’s artists find magic and strange beauty in the unexpected and the uncanny, the disregarded and the unconventional. At the core of their work is the willingness to challenge imposed values and norms, and a search for freedom.

      from the tate modern

      exquisite corpses and zines

      https://www.moma.org/collection/terms/exquisite-corpse

  49. -1
    1. text/markdown

      the triumph of surrealism

      in 1938, max ernst's the triumph of surrealism was antithetically renamed from "the angel of hearth and home". really he like many artists of the time were depicting the spanish civil war, and he was lamenting surrealism xx years after [andre breton's manifesto of surrealism.

      a quote from max ernst on the work

      image.png

      this is a painting i made after the defeat of the spanish republicans. it's evidently an ironic title to designate some sort of animal which destroys and annihilates everything on its path. it was the impression i had at the time, of what was going to happen in the world, and i was right.

  50. -1
    1. text/markdown

      objects and texts

      https://ideophone.org/magritte-on-words-and-images/

      theres are almost like idions

      2 image.png image.png

      these remind of alan perlisisms

  51. None

  1. -1
    1. text/markdown

      settings

  2. 23
    1. text/html

      accesssibility settings

      change typography, color, and nonvisual settings

      text/plain
      'form(name="accessibility")\n    hgroup\n        h2 accesssibility settings\n        p change typography, color, and nonvisual settings\n    ol\n        li.theme\n            label\n                span.label color scheme\n                select(name="color-scheme", onchange="toggleClass(event)")\n                    option(value="") system\n                    option(value="light") light\n                    option(value="dark") dark\n        li.colors\n            label\n                span.label light color\n                input(type="color", name="fg", onchange="updateStyleVar(event)", value="white")\n            label\n                span.label dark color\n                input(type="color", name="bg", onchange="updateStyleVar(event)", value="black")\n            label\n                span.label accent color\n                input(type="color", name="accent-color", onchange="updateStyleVar(event)", value="gray")\n\n        li.font-size\n            label \n                span.label font size\n                select(name="font-size", onchange="updateStyleVar(event)")\n                    option(value="0.5625rem") xx-small\n                    option(value="0.625rem") x-small\n                    option(value="0.8125rem") small\n                    option(value="1rem") medium\n                    option(value="1.125rem") large\n                    option(value="1.625rem") x-large\n                    option(value="2rem") xx-large\n                    option(value="3rem") xxx-large\n                    option(value="4rem") xxxx-large\n                    option(value="5rem") xxxxx-large\n                    option(value="6rem") xxxxxx-large\n                    option(value="7rem") xxxxxxx-large\n                    option(value="8rem") xxxxxxxx-large\n\n        li.line-height\n            label \n                span.label line height\n                input(name="line-height", type="number", onchange="updateStyleVar(event)", value=1)\n    style.\n        :root {\n            --margin: 1rem;\n            --light: white;\n            --dark: black;\n            --accent-light: gray;\n            --accent-dark: gray;\n            --font-size: 1rem;\n        }\n        input[type="checkbox"], input[type="redio"] {\n            height: var(--font-size);\n            width: var(--font-size);\n        }\n        body, input, select {\n            font-size: var(--font-size);\n        }\n        .light {\n            --fg: var(--dark);\n            --bg: var(--light);\n            --accent: var(--accent-light);\n        }\n        .dark {\n            --fg: var(--light);\n            --bg: var(--dark);\n            --accent: var(--accent-dark);\n            a {\n                filter: invert(100%);\n            }\n        }\n        .light, .dark {\n            background-color: var(--bg);\n            color: var(--fg);\n            dialog, textarea, input, select {\n                background-color: var(--bg);\n                color: var(--fg);\n            }\n        }\n        body {\n            main {\n                margin-left: var(--margin);\n                margin-right: var(--margin);\n            }\n        }\n\n'
  3. 24
    1. text/html

      browser

      the builtin runtime types

      text/plain
  4. 4
    1. text/html
      text/plain
  5. 5
    1. text/html

      markdown

      render markdown with markdown it

      learn more about markdown syntax

      text/plain
  6. 8
    1. text/html

      mermaid

      learn more about mermaid syntax

      text/plain
  7. None
  8. None